<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>resume</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <div id="loading">loading</div>
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
            	<img  class="ani" swiper-animate-effect="flash" src="images/2.png"/>

            </div>
            <div class="swiper-slide">
            	<img class="ani" swiper-animate-effect="rollIn" src="images/3.png"/>
            </div>
            <div class="swiper-slide">
            	<img class="ani" swiper-animate-effect="zoomIn" src="images/4.png"/>
            </div>
            <div class="swiper-slide">
            	<img  class="ani img1" swiper-animate-effect="fadeInDown" src="images/6.png"/>
            	<img  class="ani img2" swiper-animate-effect="bounceInRight" src="images/7.png"/>
            	<button id="enter" class="ani regiter infinite" swiper-animate-effect="fadeIn" swiper-animate-duration="3s" swiper-animate-delay="0.5s">About Me</button>
            </div>
        </div>
        <div class="swiper-pagination"></div>
    </div>

    <div id="mainContainer">
         <header>
            <div></div>

            <div class="tpname">经历</div>

            <div></div>
        </header>
        <div id="wrapper">
            <div id="scroller">
                <ul>
                   <img src="images/work1.png" alt="">
                </ul>
            </div>
        </div>

        <footer id="footer">
            <ul class="foot">
                <li id="work">经历<i class="iconfont icon-jinlingyingcaiwangtubiao43" style="color:green;"></i></li>
                <li id="skill">技能<i class="iconfont icon-jineng" style="color:gray;"></i></li>
                <li id="project">项目<i class="iconfont icon-xiangmu" style="color:gray;"></i></li>
                <li id="me">我<i class="iconfont icon-icon01" style="color:gray;"></i></li>
            </ul>
        </footer>
    </div>
    <script src="./js/components/iscroll/iscroll.js"></script>
    <script src="js/index.js"></script>
</body>
</html>